.title{
  font-size: 16px;
  font-weight: bold;
  color: #4B5475;
}
/*---------------------------------- 热门问题汇总 ------------------------------------------*/
.questionBox{
  height:35px;
  line-height:35px;
  padding: 0 10px;
  border-left: 3px solid #ffffff;
}
.questionBox:hover{
  background: #E3F8FE;
  border-color: #19C3F3;
}
.topNum {
  float: left;
  width: 20px;
  height: 20px;
  background: #19C3F3;
  border-radius: 50%;
  text-align: center;
  line-height: 20px;
  color: white;
  margin-right: 10px;
  margin-top: 7px;
}
.afterNum {
  float: left;
  width: 20px;
  height: 20px;
  border-radius: 50%;
  text-align: center;
  line-height: 20px;
  margin-right: 10px;
  margin-top: 7px;
}
.questionTitle{
  float: left;
  width: calc(100% - 20px - 10px - 80px - 55px - 20px - 3px);
  white-space:nowrap;
  overflow:hidden;
  text-overflow:ellipsis;
}
.questionType{
  float: left;
  width: 80px;
  margin: 0 10px;
}
.questionNum{
  float: left;
}
.upIcon{
  color: red;
  margin: 0 5px;

}
.downIcon{
  color: green;
  margin: 0 5px;
}

/*---------------------------------- 折现统计图 ------------------------------------------*/
.lineBox{
  padding: 10px;
  background: #E3F8FE;
}

/*---------------------------------- 热门卡片 ------------------------------------------*/
.card_box{
  display: flex;
  justify-content: space-between;
}
.questionCard1,.questionCard2,.questionCard3{
  /* width: calc(33% - 20px); */
  width: calc(33.3% - 1px);
  background: #ffffff;
  height: 410px;
  padding: 10px;
  box-shadow: 0px 0px 7px 0px rgba(5, 21, 35, 0.04);
  overflow: hidden;
}
.card_title{
  font-weight: bold;
  font-size: 16px;
  margin-left: 15px;
  color: #4B5475;
}
.card_more{
  color: #000000;
  position: absolute;
  right: 0px;
  top: 50%;
  transform: translateY(-50%);
  opacity: 0.6;
  cursor: pointer;
}
.questionTitle_card{
  float: left;
  width: calc(100% - 20px - 55px - 20px);
  white-space:nowrap;
  overflow:hidden;
  text-overflow:ellipsis;
}
.questionNum_card{
  float: right;
}
.topNum_card{
  float: left;
  width: 20px;
  height: 20px;
  background: #F8B551;
  border-radius: 50%;
  text-align: center;
  line-height: 20px;
  color: white;
  margin-right: 10px;
  margin-top: 7px;
}
.questionBox_card{
  height:35px;
  line-height:35px;
  padding: 0 10px;
  border-left: 3px solid #ffffff;
}

/*---------------------------------- 词云 ------------------------------------------*/
.cloud_box{
  width: calc(100% - 20px);
  border-radius: 70%;
  float: left;
}

/*---------------------------------- 关键词相关性分析 --------------------------------*/
.correlation_title{
  font-size: 16px;
  font-family: PingFang SC;
  font-weight: bold;
  color: #4B5475;
  text-align: center;
}
.correlation_box{
  height: 500px;
  position: relative;
}
.correlation_center{
  width: 163px;
  height: 163px;
  border-radius: 50%;
  position: absolute;
  top: 49%;
  left: 50%;
  transform: translate(-51%,-51%);
  text-align: center;
  line-height: 163px;
  color: white;
}
.correlation_left{
  width: calc(50% - 81.5px);
  height: 100%;
  position: relative;
  float: left;
}
.correlation_right{
  width: calc(50% - 81.5px);
  height: 100%;
  position: relative;
  float: right;
}
.strong{
  width: 100%;
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
}
